/***********************************************************/
/* online.css ivan basic, jul 2010 */
/* najzgodniji link za boje:   http://www.w3schools.com/html/html_colornames.asp */



/* stranica je centrirana*/
/* potrosio sam ceo dan dok sam ovo uspeo da provalim (stil "page") */
/* da ne zaboravim: zbog IE, ne sme u zaglavlju da stoji ono text/css */
body{
	/*text-align:center;*/
}

/* slika umnozena na pozadini */
#strana {
	/*background-image: url(slike_uni/pozadina.jpg);*/
	/*background:	#736F6E;*/
}

.veleprodaja {
	text-decoration: none;	
	color:black;

}

a {
	color:black;

}

select, button {
	cursor: pointer;
}

.elakolije {
	color:white;
	-text-decoration: none;	
	font-family: Arial; 
	font-size: 10pt; 	
	font-weight:bold;	
}

#online_prijava{
	margin-left: 180px;
}

#online_registracija{
	margin-left: 120px;
}

/* sama stranica, pa sad... */
#page {

	/* sirina stranice */
	width: 975px;
	
	/* margin: 50 auto; */
	/* stranica odmaknuta samo od gornje strane */
	margin-top		:	-38px;
	margin-bottom	:	0px;
	margin-right	:	auto;
	margin-left		:	auto;	
	
	padding-top: 20px;
	border-top-left-radius: 20px;
	box-shadow: -5px 5px 5px #888888;

	
	/* tanka siva linija sa obe strane tj sa bilo kojih strana */
	border-left-color: white;
	border-left-width: 0px;
	border-left-style: solid;
	
	border-right-color: white;
	border-right-width: 0px;
	border-right-style: solid;
	
	border-top-color: white;
	border-top-width: 0px;
	border-top-style: solid;
	
	border-bottom-color: white;
	border-bottom-width: 0px;
	border-bottom-style: solid;
		
	/* pozadinska boja za stranu */		
	background:   	white; 	

}

/* svako polje u tabeli i svako input polje */
TD {font-family: Arial; font-size: 10pt; } 
INPUT{font-family: Arial; font-size: 10pt;} 


/* gornji linkovi */
.gornji_linkovi  {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10pt;

}

/* jos ga ne koristim */
.sitnije {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10pt; 
}

/* crvena poruka */
#poruka {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 9pt; 
			color:red;
			font-weight:bold;			
}



/***********************************************************/
/* skrolovanje u ogranicenom prostoru, za tabelarne preglede u sredini*/
.skrolovanje
{
	background-color:white;
	/*width:650px;*/
	height:500px;
	overflow:auto;
}

/***********************************************************/
/* pozadinska boja sa strane*/
.skrolovanje_sa_leve_strane
{
	width:160px;
	height:460px;	
	background-color:#E9F2E9;
	overflow:auto;
	-moz-border-radius: 5px 5px 5px 5px;	
}
.skrolovanje_sa_desne_strane
{
	width:190px;
	height:460px;	
	background-color:#E9F2E9;
	overflow:auto;
	-moz-border-radius: 5px 5px 5px 5px;	
}



/***********************************************************/
/* */
/* TABELARNI PREGLEDI */
/* mislim da sam koristio http://www.somacon.com/p141.php  */
/* */
/***********************************************************/

/***********************************************************/
.sa_leve_strane a{
	text-decoration: none;	
	color:black;
	font-size: 8pt; 
	
    display:block;	
}
table.sa_leve_strane {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-collapse: collapse;
	border-color: black black black black;	
}
table.sa_leve_strane th {
	font-size: 8pt; 
}
table.sa_leve_strane td  {
	padding: 0px 1px 0px 1px;
	font-size: 8pt; 
	background-color:  white  ;	
	max-width: 125px;	
}



table.sa_leve_strane td.oznacen  {
	background-color: #CC0000;		
	font-weight:bold;	
	color:white;
}
table.sa_leve_strane a.oznacen  {
	background-color: #CC0000;		
	font-weight:bold;	
	color:white;
}

/***********************************************************/
.sa_desne_strane a{
	text-decoration: none;	
	color:black;
	font-size: 8pt; 
}
table.sa_desne_strane {
    border: 1px solid black; /* Set a solid black border around the table */
    border-collapse: collapse;
    width: 165px;
}

table.sa_desne_strane th,
table.sa_desne_strane td {
    border: 1px solid black; /* Set a solid black border for table cells */
    padding: 0px 1px; /* Adjust cell padding */
    font-size: 8pt;
    background-color: white; /* Set a white background for table cells */
    max-width: 95px;
}

table.sa_desne_strane th {
    background-color: #E9F2E9;
}

table.sa_desne_strane td.oznacen  {
	background-color: #CC0000;	
	color: black;
	font-weight:bold;		
}

/***********************************************************/
.puni_po_sredini a{
	text-decoration: none;	
	color:black;
	font-size: 9pt; 
}
table.puni_po_sredini {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-collapse: collapse;
	border-color: black black black black;	
	width: 570px;

    text-indent: initial;
	/*height: 250px;*/
}
table.puni_po_sredini th {
	font-size: 8pt; 
	background-color: #006B24  ;	
	color: white  ;		
}
table.puni_po_sredini td  {
	padding: 0px 2px 0px 2px;
	font-size: 8pt; 
	background-color: 	white; 	
	max-width: 300px;
	
	/*height: 50px;*/
}

table.puni_po_sredini td .dole {
	position:relative;
	bottom:-3px;
	right:0;
	color:#222;
}

table.puni_po_sredini td .dole span {
	float:right;
}

/* mislim da ovo ne radi  ne, samo stoji*/
table.puni_po_sredini td.oznacen  {
	background-color: red;
	max-width: 70px;	
	padding: 0px 1px 0px 8px;	
}

/* kolone u sredini koje se unose, TD  */
table.puni_po_sredini td.oko_kom  {
	background-color: 	#DDEBDD;
	padding: 0px 0px 0px 0px;	
}
table.puni_po_sredini td.oko_pak {
	background-color: #BCD7BC; /*DarkSeaGreen pa svetlije*/
	padding: 0px 0px 0px 0px;	
}

/* kolone u sredini koje se unose, INPUT  */
input.sam_kom  {
	padding: 0px 0px 0px 0px;	
	background-color: 	#DDEBDD;
	max-width: 70px;	
	font-size: 11pt; 	
	font-weight:bold;	
	text-align:center;	
	border: 0px ;
	
}
input.sam_pak  {
	padding: 0px 0px 0px 0px;	
	background-color: #BCD7BC; /*DarkSeaGreen pa svetlije*/
	max-width: 70px;	
	font-size: 11pt; 	
	font-weight:bold;	
	text-align:center;	
	border: 0px ;
	
}

/***********************************************************/
.korpa_po_sredini a{
	text-decoration: none;	
	color:black;
	font-size: 8pt; 
}
table.korpa_po_sredini {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-collapse: collapse;
	border-color: black black black black;	
	width: 570px;
}
table.korpa_po_sredini th {
	font-size: 8pt; 
	background-color: SandyBrown;	
}
table.korpa_po_sredini td  {
	padding: 0px 2px 0px 2px;
	font-size: 8pt; 
	background-color: 	Khaki ;	
	max-width: 300px;
}





/***********************************************************/
/* moja tabela za testiranje preuzeto sa*/
/* http://www.somacon.com/p141.php   */
/* zgodno kad zelim da znam gde se trosi prostor, sve se oboji  */
table.pozadinska {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: green green green green;
	border-collapse: separate;
	background-color: yellow;
}
table.pozadinska th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: red red red red;
	background-color: lightblue;
	-moz-border-radius: 8px 8px 8px 8px;
}
table.pozadinska td {
	border-width: 2px 2px 2px 2px;
	padding: 0px 0px 0px 0px;
	border-style: outset outset outset outset;
	border-color: red red red red;
	background-color: lightblue;
	-moz-border-radius: 8px 8px 8px 8px;
}

/***********************************************************/
/* forme su mi gutale po jedan red a ne znam kako */
/* ovo je resilo deo problema i jos uvek ne znam kako   */
/* vidi:  http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/   */

.skracena_forma {
clear: left;
margin: 0;
padding: 0px 0 0px 0;
padding-left: 0px; 
height: 20px;
}

#mesto_za_sliku{
	margin-top: 10px;
	position: absolute;
	
}

input.submit{
	outline: none;
	cursor: pointer;
}